<html>
  <title>跳转中...</title>
  <style>
    .loadEffect{
          width: 100px;
          height: 100px;
          position: relative;
          margin: 0 auto;
          margin-top:50%;
      }
      .loadText{
        width: 200px;
        height: 100px;
        position: relative;
        margin: 0 auto;
        margin-top: 20px;
        text-align: center;
        font-size: 36px;
      }
      .loadEffect span{
          display: inline-block;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background: #ccc;
          position: absolute;
          -webkit-animation: load 1.04s ease infinite;
      }
      @-webkit-keyframes load{
          0%{
              opacity: 1;
          }
          100%{
              opacity: 0.2;
          }
      }
      .loadEffect span:nth-child(1){
          left: 0;
          top: 50%;
          margin-top:-8px;
          -webkit-animation-delay:0.13s;
      }
      .loadEffect span:nth-child(2){
          left: 14px;
          top: 14px;
          -webkit-animation-delay:0.26s;
      }
      .loadEffect span:nth-child(3){
          left: 50%;
          top: 0;
          margin-left: -8px;
          -webkit-animation-delay:0.39s;
      }
      .loadEffect span:nth-child(4){
          top: 14px;
          right:14px;
          -webkit-animation-delay:0.52s;
      }
      .loadEffect span:nth-child(5){
          right: 0;
          top: 50%;
          margin-top:-8px;
          -webkit-animation-delay:0.65s;
      }
      .loadEffect span:nth-child(6){
          right: 14px;
          bottom:14px;
          -webkit-animation-delay:0.78s;
      }
      .loadEffect span:nth-child(7){
          bottom: 0;
          left: 50%;
          margin-left: -8px;
          -webkit-animation-delay:0.91s;
      }
      .loadEffect span:nth-child(8){
          bottom: 14px;
          left: 14px;
          -webkit-animation-delay:1.04s;
      }
  </style>
  <body>
    <div class="loadEffect">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>
    <div class="loadText">加载中...</div>
  </body>
  <script src="applocal://www/cordova.min.js"></script>
  <script>
  function exit(){
     cordova.exec(function(result) {
                //alert(JSON.stringify(result, null, 4));
            },
            function(error) {
                // alert("调用失败");
            },
            "WorkPlus_WebView",
            "exit",
            []
            );
    }
    function showAppChatViewById(appId) {
          cordova.exec(function (result) {
              //alert(JSON.stringify(result, null, 4));
              // exit();
          },function (error) {
                alert("跳转失败");
            },
            "WorkPlus_Contact",
            "showAppChatView", [{
                "app_id": appId,
                "domain_id": "hygy",
                "org_id":"9ebd0f06-7730-452c-8bd0-9581fd083381",
                "session_type":"service"
            }]);
            exit();
      }

    function getQueryString(name) {
        var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        }
        return null;
    }

    var serviceId = getQueryString("serviceId");

    document.addEventListener("deviceready", function () {
        setTimeout(function () {
          showAppChatViewById(serviceId)
        }, 1000 * 1);
    }, false);
  </script>
</html>
